<template>
	<view>
		<view v-for="(item,index) in tabs" :key="index" style="margin-top: 10%;">
			<view style="width: 48%;float: left; margin-left: 1%;margin-top: 15rpx;" @click="onClick(index)">
				<view style="height: 150rpx;width: 95%;margin: 0 auto;text-align: center;line-height: 150rpx;color: #fff;" :style="'background-color:'+item.bgcolor">
					<text>{{item.title}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>

	export default {
		components: {
		},
		data() {
			return {
				tabs: [{
						'title': ' 科技园区 ',
						'bgcolor': 'cadetblue'
					},
					{
						'title': ' 科技企业孵化器 ',
						'bgcolor': 'darksalmon'
					},
					{
						'title': ' 星创天地 ',
						'bgcolor': 'darksalmon'
					},
					{
						'title': ' 工程技术研究中心 ',
						'bgcolor': 'cadetblue'
					},
					{
						'title': ' 众创空间 ',
						'bgcolor': 'cadetblue'
					},
					{
						'title': ' 新型研发机构 ',
						'bgcolor': 'darksalmon'
					},
					{
						'title': ' 高新技术企业 ',
						'bgcolor': 'darksalmon'
					},
					{
						'title': ' 重点实验室 ',
						'bgcolor': 'cadetblue'
					},
				],
			}
		},
		onLoad() {

		},
		methods: {
			onClick(index) {
				var that = this
				switch (index){
					case 0 :
						uni.navigateTo({
							url:'/subpages/pages/serviceReport/kcptReport/kjyqReport'
						})
						break
					case 1 :
						this.commonService()
						break
					case 2 :
						this.commonService()
						break
					case 3 :
						this.commonService()
						break
					case 4 :
						this.commonService()
						break
					case 5 :
						this.commonService()
						break
					case 6 :
						this.commonService()
						break
					case 7 :
						this.commonService()
						break
					case 8 :
						this.commonService()
						break
				}
			},
			commonService() {
				uni.showModal({
					title: '温馨提示',
					content: '所需信息较多，请前往电脑端完成申报，电脑端地址：http://113.142.144.25:8082/#/',
					confirmText: "我知道了", // 确认按钮的文字  
					showCancel: false, // 是否显示取消按钮，默认为 true
					confirmColor: '#007aff',
					success: (res) => {
						if (res.confirm) {
							// console.log('comfirm') //点击确定之后执行的代码
						} else {
							// console.log('cancel') //点击取消之后执行的代码
						}
					}
				})
			},


		}
	}
</script>

<style>
</style>